<template>
	<div id="content">
		<span id="back">
			<i class="el-icon-back" @click="back">返回</i>
		</span>
		<router-link :to="{name:'hotsearchbord'}"></router-link>
		<router-link :to="{name:'mainfirstpage'}"></router-link>
		<router-link :to="{name:'articledetail'}"></router-link>
		<router-view></router-view>
	</div>
</template>

<script>
	export default{
		name:'MainContent',
		data() {
			return{
				
			}
		},
		methods: {
		  handleOpen(key, keyPath) {
			console.log(key, keyPath);
		  },
		  handleClose(key, keyPath) {
			console.log(key, keyPath);
		  },
		  back(){
			  this.$router.back();
		  }
		}
	}
</script>

<style scoped>
	#content{
		position: relative;
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		height: 88%;
		/* background-image: url('../assets/backimg/bx.jpg'); */
		margin-top: 5px;
		background-color: wheat;
	}
	#back{
		position: absolute;
		left: 30px;
		top: 20px;
	}
	#back i{
		font-size: 25px;
		color: blue;
	}
</style>